import React, { Component } from "react";
import { View, Text, TouchableOpacity } from "react-native";
import NavBarConfig from "../modules/NavBar";
import aboutStyles from "../../style/pages/aboutus";

class AboutUs extends Component {
  static navigationOptions = ({ navigation }) =>
    NavBarConfig(
      {
        headerTitle: "關於我們",
        headerRight: []
      },
      navigation
    );
  render() {
    return (
      <View>
        <View style={aboutStyles.aboutQrcode}>
          <Text style={aboutStyles.qrcode}>{/* <img /> */}</Text>
          <Text className="version">當前版本V1.0</Text>
        </View>

        <View style={aboutStyles.aboutList}>
          <View style={aboutStyles.aboutItem}>
            <Text style={aboutStyles.aboutItemI}>官網</Text>
            <TouchableOpacity style={aboutStyles.aboutItemI}>
              <Text style={aboutStyles.url}>www.bgt.com</Text>
            </TouchableOpacity>
          </View>
          <View style={aboutStyles.aboutItem}>
            <Text style={aboutStyles.aboutItemI}>客服热线</Text>
            <TouchableOpacity style={aboutStyles.aboutItemI}>
              <Text style={aboutStyles.tel}>0591-88888888</Text>
            </TouchableOpacity>
          </View>
        </View>
      </View>
    );
  }
}

export default AboutUs;
